<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>恒之商城</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />

	<link rel="stylesheet" type="text/css" href="style/style.css">
	<link rel="stylesheet" type="text/css" href="style/global.css">
	<!----引入轮播图的相关文件-->
	<!-- <link rel="stylesheet" href="js/layui/css/layui.css" media="all"> -->
	<!----引入轮播图的相关文件-->
	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
	<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">

	<style>
		.hideleftt {
			width: 100%;
			overflow: hidden;
		}

		.dll {
			width: 100%;
			border-bottom: 1px solid #ddd;
			overflow: hidden;
		}

		.dll dt {
			float: left;
			margin-left: 10px;
			list-style: none;
		}

		.dll dt:first-child {
			color: red;
		}

		/*轮播图下的商品展示各个楼层（各楼层的调整样式）*/
		.floor_left_click a {
			text-decoration: none !important
		}

		.p_name {
			text-align: center;
		}

		.price span {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.swiper-container {
			width: 600px;
			height: 300px;
		}

		.mulu a {
			text-decoration: none !important;
		}

		.souzi {
			margin-top: -1px;
		}
	</style>
</head>

<body>

	<div id="top">

		<div id="top_main">

			<ul class="topu">
				<li>
					<div class="xing"></div>
					<a href="">收藏恒之</a>
				</li>
				<li class="xuan">

					<div class="erwei"></div>

					<a href="" class="aa">关注恒之

						<!-- 将二维图添加进a标签里 -->

						<div class="erweitu"></div>

					</a>

				</li>



				<li>

					<div class="didian"></div>

					<strong style="padding-left: 20px">北京</strong><a href="" style="padding-left: 0px">[更换]</a>

				</li>



			</ul>



			<div id="hello">

				<span>您好，欢迎来到恒之！

					<a href="">[登陆]</a><a href="">[免费注册]</a>

				</span>

			</div>



			<div class="topright">

				<ul>

					<li>

						<div class="cun">

							<a href="">我的订单</a>

						</div>

					</li>

					<li>

						<div class="cun">

							<div class="vip"></div>

							<a href="">会员俱乐部</a>

						</div>

					</li>

					<li>

						<div class="cun">

							<div class="bjd"></div>

							<a href="">企业频道</a>

						</div>

					</li>

					<li class="hidetu">

						<div class="cun">

							<a href="" class="dong">手机恒之</a>

							<div class="phonetu"></div>

							<div class="downjian11"></div>

						</div>

						<div class="erwei">

							<div class="shoudan"></div>

							<div class="jd"></div>

							<div class="span1">

								<span>恒之客户端</span>

							</div>

							<div class="apple"></div>

							<div class="andr"></div>

							<div class="ewtu"></div>

							<div class="span1">

								<span>网银钱包客户端</span>

							</div>

							<div class="apple"></div>

							<div class="andr"></div>

						</div>

					</li>

					<li class="kefu">

						<div class="cun">

							<div class="a1">

								<div class="kefuhide">

									<span>客户服务</span>

									<div class="downjian1"></div>

									<ul>

										<li><a href="">帮助中心</a></li>

										<li><a href="">售后服务</a></li>

										<li><a href="">在线客服</a></li>

										<li><a href="">投诉中心</a></li>

										<li><a href="">客服邮箱</a></li>

									</ul>

								</div>

							</div>

						</div>

					</li>

					<li class="wangzhan">

						<div class="cun">

							<span>网站导航</span>

							<div class="downjian1"></div>

						</div>

						<div class="wangzhanhide">

							<div class="tese"><span>特色栏目</span></div>

							<div class="tesemain">

								<a href="">恒之通信</a>

								<a href="">校园之星</a>

								<a href="">视频购物</a>

								<a href="">恒之社区</a>

								<a href="">在线读书</a>

								<a href="">装机大师</a>

								<a href="">恒之E卡　</a>

								<a href="">家装城</a>

								<a href="">搭配购　</a>

								<a href="">我喜欢　</a>

								<a href="">游戏社区</a>

							</div>

							<div class="tese"><span>企业服务</span></div>

							<div class="tesemain1">

								<a href="">企业采购</a>

								<a href="">办公直通车</a>

							</div>

							<div class="tese"><span>旗下网站</span></div>

							<div class="tesemain2">

								<a href="">English Site</a>

							</div>



						</div>

					</li>

				</ul>

			</div>



		</div>

	</div>

	<!-- 搜索区域开始 -->

	<div id="serach">

		<div class="logo">

			<img src="images/hz.png" alt="" style="width: 150px;" />

			<!-- <div class="dongtu"></div> -->

		</div>

		<div class="sou">

			<div class="sousuo">

				<input type="text" class="kuang" value="跨界" style="color:#999;font-size:14px" />

				<div class="souzi" style="height: 31px;"><a href="">搜索</a></div>

			</div>

			<div class="reci">

				<span>热门搜索:</span>

				<a href="" style="color:red">校园之星</a>

				<a href="">影院到家</a>

				<a href="">JD制暖节</a>

				<a href="">腕表领券</a>

				<a href="">自营满减</a>

				<a href="">N3抢购</a>

				<a href="">图书换购</a>

				<a href="">12.12</a>

			</div>

		</div>

		<div class="myjd">

			<div class="mytu"></div>

			<a href="">我的恒之</a>

			<div class="jiantou"></div>



			<div class="myjdhide">

				<div class="hello">

					<span>您好，请</span>

					<a href="">登录</a>

				</div>

				<div class="hey">

					<div class="heyleft">

						<ul>

							<li><a href="">待处理订单</a></li>

							<li><a href="">咨询回复</a></li>

							<li><a href="">降价商品</a></li>

							<li><a href="">返修退换货</a></li>

							<li><a href="">优惠券</a></li>

						</ul>

					</div>

					<div class="heyright">

						<ul>

							<li><a href="">我的关注></a></li>

							<li><a href="">我的京豆></a></li>

							<li><a href="">我的理财></a></li>

							<li><a href="">我的白条></a></li>

						</ul>

					</div>

				</div>

				<div class="hidebot">

					<div class="bottop">

						<span>最近浏览的商品:</span>

						<a href="">查看浏览历史></a>

					</div>

					<div class="botdown">

						<span>「暂无数据」</span>

					</div>

				</div>

			</div>

		</div>

		<div class="gouwuche">

			<div class="chetu"></div>

			<a href="">去购物车结算</a>

			<div class="jianleft"></div>

			<div class="num">

				<div class="numright"></div>

				<div class="numzi"><span>0</span></div>

			</div>

			<div class="hideche">

				<div class="kongche"></div>

				<span>购物车中还没有商品，赶紧选购吧！</span>

			</div>

		</div>

		<div class="jubao"></div>

	</div>
	<!-- 搜索区域结束 -->
	<!-- 导航条区域开始 -->
	<div id="daohang">

		<div class="dhleft">

			<a style="text-decoration: none;" href="list.html">全部商品分类</a>

			<div class="erjimenu">

				<ul class="sort_ul">



			</div>

		</div>

		<div class="dhright">

			<ul>

				<li><a href="" style="background: #A40000">首页</a></li>


			</ul>

			<div class="dhtu">

				<!-- 			<ul>

				<li class="on"><img src="images/a3.png" alt="" />

					<div class="zeng"><span>4.2610%</span></div>

				</li>

				<li><img src="images/a4.png" alt="" /></li>

			</ul> -->

			</div>

		</div>

	</div>
	</div>

	<!-- 导航条区域结束 -->
	<!-- 轮播区及浏览区开始 -->

	<div id="main">

		<div class="mainleft">

			<!-- <div class="lunbo">

				<ul class="pic" style="height:400px;">

								   	<li style="display:block"><img src="images/z1.jpg" alt="" style="height:400px;width: 670px;"/></li>
			   	<li><img src="images/z2.jpg" alt="" style="height:400px;width: 670px;"/></li>
			  


				</ul>

				<ul class="nav">
		        <li class="on">1</li>

		       	<li >2</li> 


				</ul>

			</div> -->

			<!----轮播图-->
			<div class="swiper-container" style="margin:0;width:100%;height:100%">
				<div class="swiper-wrapper" id="newlunbo">
					<!-- <div class="swiper-slide">Slide 1</div>
			<div class="swiper-slide">Slide 2</div>
			<div class="swiper-slide">Slide 3</div> -->
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>

				<!-- 如果需要导航按钮 -->
				<div class="swiper-button-prev"></div>
				<div class="swiper-button-next"></div>

				<!-- 如果需要滚动条 -->
				<!-- <div class="swiper-scrollbar"></div> -->
			</div>


		</div>

		<div class="mainright">

			<div class="baotu">

				<a href=""><img src="images/b30.jpg" alt="" /></a>

			</div>

			<div class="kuaibao">

				<span>恒之快报</span>

				<a href="">更多快报></a>

			</div>

			<div class="baomain">

				<ul>

					<li><a href="">美妆年度盛典 要你好看！</a></li>

					<li><a href="">关于假冒客服诈骗的声明</a></li>

					<li><a href="">恒之值得买 9.9元购了</a></li>

					<li><a href="">阿根廷野生红虾4斤178元</a></li>

					<li><a href="">自营家居低至9.9元</a></li>

					<li><a href="">大家电配送范围扩大公告</a></li>

					<li><a href="">狂欢不落幕，好奇一整年</a></li>

					<li><a href="">童书全品优惠券限时抢</a></li>

				</ul>

			</div>

			<div class="tubiao">

				<ul>

					<li class="xiala">

						<div class="tubiao_1"></div>

						<a href="">话费</a>

						<div class="tubiao_9"></div>

					</li>

					<li class="xiala">

						<div class="tubiao_2"></div>

						<a href="">机票</a>

						<div class="tubiao_9"></div>

					</li>

					<li class="xiala">

						<div class="tubiao_3"></div>

						<a href="">彩票</a>

						<div class="tubiao_9"></div>

					</li>

					<li class="xiala" style="border-right:none">

						<div class="tubiao_4"></div>

						<a href="">游戏</a>

						<div class="tubiao_9"></div>

					</li>

					<li style="border-bottom:none">

						<div class="tubiao_5"></div>

						<a href="">旅行</a>

					</li>

					<li style="border-bottom:none">

						<div class="tubiao_6"></div>

						<a href="">电影票</a>

					</li>

					<li style="border-bottom:none">

						<div class="tubiao_7"></div>

						<a href="">理财</a>

					</li>

					<li style="border-bottom:none;border-right:none;">

						<div class="tubiao_8"></div>

						<a href="">水电煤</a>

					</li>

					<div class="tubiaola">

						<div class="close_menu">

							<ul>

								<li><a href="">话费</a></li>

								<li><a href="">机票</a></li>

								<li><a href="">彩票</a></li>

								<li style="border-right:none"><a href="">游戏</a></li>

							</ul>

						</div>

						<div class="c_main">

							<div class="box" style="display:block">

								<div class="phonechong">

									<span class="span1">手机号:</span>

									<input type="text" value="请输入手机号" class="shuru1" style="color:#ccc" />

									<span class="span2">支持移动、联通、电信恒之、通信</span>

									<span class="close">X</span>

								</div>

								<div class="mianzhi">

									<span class="span1">　面值:</span>

									<select name="" id="jine">

										<option value="">10元</option>

										<option value="">20元</option>

										<option value="">30元</option>

										<option value="">50元</option>

										<option value="">100元</option>

										<option value="">200元</option>

										<option value="">300元</option>

										<option value="">500元</option>

									</select>

									<span class="span3">9.80-11.00</span>

								</div>

								<div class="chong">

									<input type="button" value="立即充值" class="cb" />

								</div>

								<div class="close">X</div>

							</div>

							<div class="box">

								<ul class="jipiao_top">

									<li class="tehui"><a href="">特惠国际机票</a></li>

									<li class="guonei"><a href="">国内机票</a></li>

								</ul>

								<div class="jpbox" style="display:block">

									<div class="tu">

										<img src="images/d1.jpg" alt="" />

										<span>国际机票430元起</span>

									</div>

									<div class="tu">

										<img src="images/d2.jpg" alt="" />

										<span>免签线路说走就走</span>

									</div>

								</div>

								<div class="jpbox">

									<div class="go">

										<span>出发城市:</span>

										<select name="" id="chufa">

											<option value="">K-昆明</option>

											<option value="">B-北京</option>

											<option value="">S-上海</option>

										</select>

										<span>到达城市:</span>

										<select name="" id="chufa">

											<option value="">A-阿克苏</option>

											<option value="">B-北京</option>

											<option value="">S-上海</option>

										</select>

									</div>

									<div class="gotime">

										<span>出发日期:</span>

										<select name="" id="chufatime">

											<option value="">2014</option>

											<option value="">2015</option>

										</select>

										<span>年</span>

										<select name="" id="chufatime">

											<option value="">12</option>

											<option value="">11</option>

										</select>

										<span>月</span>

										<select name="" id="chufatime">

											<option value="">11</option>

											<option value="">12</option>

										</select>

										<span>日</span>

									</div>

									<div class="goserach">

										<input type="button" value="机票查询" class="cha" />

										<a href="">白条购机票更方便！</a>

									</div>

								</div>



								<div class="close">X</div>

							</div>

							<div class="box">

								<div class="doubleqiu">

									<div class="qiutu"></div>

								</div>

								<div class="qiumain">

									<div class="mai">

										<span>买注</span>

										<select name="" id="shuangseqiu">

											<option value="">双色球</option>

											<option value="">大乐透</option>

											<option value="">3D</option>

											<option value="">竞足</option>

										</select>

										<span><b>试试手气吧！</b></span>

									</div>

									<div class="number">

										<span>04</span>

										<span>11</span>

										<span>19</span>

										<span>25</span>

										<span>27</span>

										<span>28</span>

										<span style="color:blue">03</span>

									</div>

									<div class="xiazhu">

										<a href="">[机选一注]</a>

										<a href="">[自助选号]</a>

									</div>

									<input type="button" value="提交数据" class="sub" />

								</div>

								<div class="close">X</div>

							</div>

							<div class="box">

								<div class="gamechose">

									<ul>

										<li><a href="">点卡</a></li>

										<li><a href="">QQ</a></li>

										<li><a href="">页游</a></li>

									</ul>

									<div class="yeyoutu">

										<img src="images/d4.jpg" alt="" />

										<img src="images/d5.jpg" alt="" />

										<img src="images/d6.jpg" alt="" />

									</div>

								</div>

								<div class="close">X</div>

							</div>

						</div>

					</div>

				</ul>

			</div>

		</div>

	</div>

	<!-- 轮播区及浏览区结束 -->
	<!-- 商品楼层区开始 -->
	<div id="the_shop_floor">
	</div>
	<!-- 商品楼层区结束 -->
	<!----测试轮播图-->


	<!-- 底部开始 -->

	<div id="down">

		<div class="down_top">

			<a href="">关于我们</a>

			<a href="">联系我们</a>

			<a href="">商家入驻</a>

			<a href="">营销中心</a>

			<a href="">手机恒之</a>

			<a href="">友情链接</a>

			<a href="">销售联盟</a>

			<a href="">恒之社区</a>

			<a href="">恒之公益</a>

			<a href="" style="border-right:none">English Site</a>

		</div>

		<div class="down_center">

			<span>北京市公安局朝阳分局备案编号110105014669 | 京ICP证070359号 | <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a> | 新出发京零
				字第大120007号</span>

			<span><a href="">音像制品经营许可证苏宿批005号</a> | 出版物经营许可证编号新出发(苏)批字第N-012号 | 互联网出版许可证编号新出网证(京)字150号</span>

			<span><a href="">网络文化经营许可证京网文[2011]0168-061号</a> 违法和不良信息举报电话：4006561155 Copyright © 2004-2014 恒之JD.com
				版权所有</span>

			<span>恒之旗下网站：<a href="">360TOP</a> <a href="">拍拍网</a> <a href="">网银在线</a> </span>

		</div>

		<div class="down_bot">

			<img src="images/bot1.gif" alt="" />

			<img src="images/bot2.gif" alt="" />

			<img src="images/bot3.png" alt="" />

			<img src="images/bot4.png" alt="" />

		</div>

	</div>

	<!-- <div class="layui-carousel" id="test10" lay-filter="test1" style="display: none;">
		<div carousel-item="">
			<div><img src="images/1.png"></div>
			<div><img src="images/2.png"></div>
		</div>
	</div> -->

</body>
<!-- <script src="js/layui/layui.js" charset="utf-8"></script> -->

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<!-- <script type="text/javascript" src="js/swiper/swiper.animate1.0.3.min.js"></script> -->
<script type="text/javascript" src="js/index_wb.js"></script>
<script type="text/javascript" src="js/jsstyle.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.js"> </script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>

<script>
	var mySwiper = new Swiper('.swiper-container', {
		direction: 'horizontal', // 水平切换选项
		loop: true, // 循环模式选项

		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},

		// 如果需要滚动条
		// scrollbar: {
		// 	el: '.swiper-scrollbar',
		// },
		autoplay: true,

	})        
</script>
<!-- <script>
	layui.use('carousel', function () {
		var carousel = layui.carousel;

		carousel.render({
															elem: '#test10'
			, url: "http://hengzhi.ayvvv.com/api/common/home"
			, width: '778px'
			, height: '440px'
			, interval: 5000

		});
		//监听轮播切换事件
		carousel.on('change(test1)', function (obj) { //test1来源于对应HTML容器的 lay-filter="test1" 属性值
															console.log(obj.index); //当前条目的索引
			console.log(obj.prevIndex); //上一个条目的索引
			console.log(obj.item); //当前条目的元素对象
		});




	});
</script> -->

</html>